* {
    margin: 0;
    padding: 0;
  }
  ul,
  li {
    list-style: none;
  }
  body {
    background-color: #eee;
  }
  .big {
    width: 100%;
    height: 2000px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    padding: 0 150px;
  }
  .big .small {
    width: 1050px;
    height: 2000px;
    background-color: #fff;
  }
  .big .small header {
    width: 1050px;
    height: 100px;
    margin: 0 0 20px 0;
    background-color: #fff;
  }
  .big .small header img {
    box-sizing: border-box;
    margin: 20px 0 0 0;
    float: left;
  }
  .big .small header p {
    width: 400px;
    height: 40px;
    border: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box;
    margin: 30px 0 0 150px;
    float: left;
  }
  .big .small header span {
    width:80px;
    height: 40px;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    margin: 30px 0 0 0;
    float: left;
  }
  .big .small nav {
    width: 1050px;
    height: 40px;
    margin: 0 0 20px 0;
    background-color: #eee;
  }
  .big .small nav div{
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin: 0 40px 0 0;
    background-color: #eee;
    float: left;
  }
  .big .small nav div .qx{
    width: 20px;
    height: 20px;
    margin: 10px 5px 0 10px;
    float: left;
  }
  .big .small nav a{
    width: 120px;
    height: 40px;
    background-color: #f00;
    float: right;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }
  .big .small nav span{
    display: block;
    width: 100px;
    height: 40px;
    background-color: paleturquoise;
    float: right;
    line-height: 40px;
    color: #000;
    margin: 0 20px 0 0;
    text-align: center;
  }
  .big .small nav .a1{
    width: 80px;
    height: 40px;
    background-color: palegreen;
    float: right;
    line-height: 40px;
    color: #000;
    text-decoration: none;
    text-align: center;
  }


  .big .small ul .box {
    width: 1050px;
    height: 200px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    border: 1px solid #eee;
  }
  .big .small ul .dx {
    display: block;
    width: 20px;
    height: 20px;
    margin: 90px 10px 0 10px;
    float: left;
  }
  .big .small ul img {
    display: block;
    width: 200px;
    height: 200px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #eee;
  }
  .big .small ul p {
    width: 300px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 20px 20px 0 20px;
    float: left;
  }
  .big .small ul span {
    display: block;
    width: 70px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    margin: 20px 0 0 0;
    float: left;
  }
  .big .small ul input {
    display: block;
    width: 40px;
    height: 40px;
    outline: none;
    font-size: 14px;
    margin: 20px 0 0 0;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #000;
    border-right: none;
    float: left;
  }
  .big .small ul section{
    margin: 20px 0 0 0;
    width: 20px;
    height: 40px;
    float: left;
  }
  .big .small ul section b{
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #000;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    color: #ccc;
  }
  .big .small ul a {
    display: block;
    width: 80px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: #f00;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin: 20px 20px 0 0;
    float: right;
  }